import { Component } from 'react'
import './App.css';
// react组件的首字母必须大写
// import Header from './components/Header'
// console.log(react)
// react数据不是双向绑定的
//  react每一个组件都是一个类 需要实例化
// import Tab from './components/Tab'

import Child1 from './components/Child1'
import Child2 from './components/Child2'
class App extends Component {
  constructor() {
    super()
    // state相当于vue中的data
    this.state = {
      title: '德玛西亚'
    }
  }

  // 点击事件
  ev = (e) => {
    // console.log(this)
    // this.state.title = "诺克萨斯"
    this.setState({
      title: '诺克萨斯'
    })
  }

  // 获取子元素传递过来的参数
  getData(data) {
    console.log(data)
  }
  // ev(e){
  //   console.log(this)
  // }
  render() {
    // var title = "德玛西亚"
    // function ev() {
    //   // console.log(1)
    //   title = "诺克萨斯"
    //   cons
    // var list = [
    //   {
    //     name: '首页',
    //     type: 'index'
    //   },
    //   {
    //     name: '分类',
    //     type: 'type'
    //   },
    //   {
    //     name: '购物侧',
    //     type: 'cart'
    //   },
    //   {
    //     name: '个人中心',
    //     type: 'profile'
    //   }
    // ]
    return (
      <div className="App">
        {/* <div className="content">
          <Header text={this.state.title}></Header>
          你是个麻瓜
          <button onClick={this.ev}>点击改变title</button>
        </div>
        <Tab list={list} fun={this.getData}/> */}
        <Child1 />
        <Child2 />
      </div>
    );
  }
}

export default App;
